<template>
  <div class="index">
    <!-- 首页轮播图组件 -->
    <my-banner :left="true"></my-banner>
    <!-- 新鲜好物组件 -->
    <my-home-new></my-home-new>
    <!-- 人气推荐组件 -->
    <my-home-hot></my-home-hot>
    <!-- 热门品牌组件 -->
    <my-home-brand></my-home-brand>
    <!-- 首页产品组件 -->
    <my-home-product></my-home-product>
    <!-- 最新专题组件 -->
    <my-home-special></my-home-special>
  </div>
</template>
<script>
import myBanner from "@/components/privately/Home/myBanner";
import myHomeNew from "@/components/privately/Home/myHomeNew";
import myHomeHot from "@/components/privately/Home/myHomeHot";
import myHomeBrand from "@/components/privately/Home/myHomeBrand";
import myHomeProduct from "@/components/privately/Home/myHomeProduct";
import myHomeSpecial from "@/components/privately/Home/myHomeSpecial";
import { ref, reactive, toRefs, computed } from "vue";
import { useRouter, useRoute } from "vue-router";
import { useStore } from "vuex";
export default {
  props: {},
  name: "index",
  setup(props, ctx) {
    /* 定义仓库 */
    const store = useStore();
    /* 定义路由传参 */
    const router = useRouter();
    /* 定义路由收参 */
    const route = useRoute();
    /* 定义总数据存放地址 */
    const data = reactive({});
    return { ...toRefs(data) };
  },
  components: {
    myBanner,
    myHomeNew,
    myHomeHot,
    myHomeBrand,
    myHomeProduct,
    myHomeSpecial,
  },
};
</script>
<style lang="scss">
/* 如果不想样式污染  就加个scoped */
</style>